<template>
    <h1>计数器:{{state.num}}</h1>
    <button @click="increment">+</button>

</template>

<script>
/* 
    课堂练习：使用reactive完成购物车列表的渲染，以及更新数据
*/
import {reactive} from 'vue'
export default {
    setup(){
        const state=reactive({
            num:10
        })
        const increment=()=>{
           //更改数据
           state.num++
        }
        return{
            state,
            increment
        }
    }
}
</script>

<style>

</style>